@import "../user-center.component.scss";
.card{
  padding: 10px;
  display: flex;
  flex-direction: column;
  height: calc(90vh - 50px);
  width: 100%;
  color:#2b2b2c;
  .card-title{
    font-size: $devui-font-size-modal-title	;
    font-weight: 700;
    padding-bottom: 2px;
    margin-bottom: 8px;
    border-bottom: 1px solid #dddde1;
  }
  .card-body{
    width: 100%;
    flex-grow: 1;
    overflow: auto;
    .basic{
      width: 100%;
      .basic-title{
        font-weight: 700;
        font-size: $devui-font-size-page-title;
      }
      .basic-info{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .basic-info-item{
          width: 25%;
          min-width: 270px;
          padding: 10px;
          display: flex;
          flex-direction: row;
          gap:10px;
          label{
            width: 40%;
            font-weight: 500;
            text-align: right;
            color: $devui-text-weak;
          }
        }
      }

    }
    .details{
      width: 100%;
      margin-bottom: 10px;
      .details-title{
        font-weight: 700;
        font-size: $devui-font-size-page-title;
        margin-bottom: 5px;
      }
      .details-info{
       margin-top: 5px;
      }
    }
    .workflow{
      width: 100%;
      .workflow-title{
        font-weight: 700;
        font-size: $devui-font-size-page-title;
        margin-bottom: 5px;
      }
      .worlflow-info {
        overflow: auto;
        text-align: center;
        padding-bottom: 10px;
        d-time-axis{
          display: inline-block;
          text-align: left;
        }
      }
    }
    .views{
      width: 100%;
      .views-title{
        font-weight: 700;
        font-size: $devui-font-size-page-title;
        margin-bottom: 5px;
      }
    }
  }
}
:host::ng-deep .devui-time-axis-item-horizontal .devui-time-axis-middle-zone{
  display: none!important;
}
:host::ng-deep .devui-time-axis-item-axis-padding-horizontal{
  padding: 0!important;

}
:host::ng-deep .devui-time-axis-horizontal{
  min-height: 242px;
}
d-tag{
  margin: 0px;
}

.text-error{
  color: #f66f6a;
}
.textareaError{
  border:1px solid #f66f6a;
}
